<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>焊客e家-知识库 -文档上传</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/htools.select.skin.css">
		<!-- <link rel="stylesheet" href="css/hk_issue.css"> -->
		<link rel="stylesheet" href="css/zsk_detail.css">
	</head>

	<body>
		<div class="header innerHead">
			<div class="top" style="display: block;">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，</span>
						<a href="#" class="person">张三<span>（3）</span></a><i class="line"></i>
						<a href="#">退出</a>
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav">
				<div class="fl logo"><img src="images/zsk_logo.png" alt=""></div>
				<div class="fr search">
					<ul class="navigation_bar" style="margin-top:20px;">
						<li>所在位置 : </li>
						<li>
							<a href="index.html">首页</a><img src="images/arrow_right.png" alt=""></li>
						<li>
							<a href="hk_zsk.html">焊客知识库</a><img src="images/arrow_right.png" alt=""></li>
						<li class="current">
							<a href="">文档上传</a>
						</li>
					</ul>
				</div>
			</div>
		</div>


		<div class="up_load_container">
			<div class="main ovw">
				<h3 class="up_title">知识库上传</h3>
				<div class="upload_box">
					<p class="label">文件上传</p>
					<div class="upload">
						<div class="headline">
							<img src="images/uploading_icon.png" alt="">
							<span>上传附件</span>
						</div>
						<p>*文件格式PDF、PPT、word、mp4，可添加多个附件</p>
						<input class="file_ipt" type="file">
					</div>
					<ul class="up_word_list">
						<li>
							<img src="images/pdf_icon.png" alt="">
							<span class="name">薄板焊接工艺.pdf</span>
							<div class="fr delete_word">
								<img src="images/site_delete.png" alt="">
								<span>删除</span>
							</div>
						</li>
						<li>
							<img src="images/word_icon.png" alt="">
							<span class="name">薄板焊接工艺.pdf</span>
							<div class="fr delete_word">
								<img src="images/site_delete.png" alt="">
								<span>删除</span>
							</div>
						</li>
						<li>
							<img src="images/pdf_icon.png" alt="">
							<span class="name">薄板焊接工艺.pdf</span>
							<div class="fr delete_word">
								<img src="images/site_delete.png" alt="">
								<span>删除</span>
							</div>
						</li>
					</ul>
				</div>

				<ul class="up_information">
					<li>
						<p class="label">标题</p>
						<input class="ipt" type="text" placeholder="请输入标题">
					</li>
					<li class="sele">
						<div class="fl">
							<p class="label">所属领域</p>
							<div class="category fl">
								<select  class="type">
									<option value="">公用</option>
									<option value="">请选择1</option>
									<option value="">请选择2</option>
								</select>
							</div>
						</div>
						<div class="fr">
							<p class="label">所属专业</p>
							<div class="category fl">
								<select class="type">
									<option value="">焊接</option>
									<option value="">请选择1</option>
									<option value="">请选择2</option>
								</select>
							</div>
						</div>
					</li>
					<li class="sele">
						<div class="fl">
							<p class="label">所属专业方向</p>
							<div class="category fl">
								<select  class="type">
									<option value="">设备</option>
									<option value="">请选择1</option>
									<option value="">请选择2</option>
								</select>
							</div>
						</div>
						<div class="fr">
							<p class="label">文件分类</p>
							<div class="category fl">
								<select class="type">
									<option value="">标准</option>
									<option value="">请选择1</option>
									<option value="">请选择2</option>
								</select>
							</div>
						</div>
					</li>
					<li>
						<p class="label">可见程度</p>
						<ul class="cb_list">
							<li><input class="cb" type="checkbox"> <span>公开文档</span></li>
							<li><input class="cb" type="checkbox"> <span>集团可见</span></li>
							<li><input class="cb" type="checkbox"> <span>公司可见</span></li>
						</ul>
						<div class="up_list_box ovw">
							<div class="fl lf_list">
								<div class="search">
									<input type="text" placeholder="输入可见公司关键词"><button>查询</button>
								</div>
								<ul class="list">
									<li>
										<img class="fr add_btn" src="images/add_img.png" alt="">
										<p>上海中核五建集团公司11</p>
										
									</li>
									<li>
										<img class="fr add_btn" src="images/add_img.png" alt="">
										<p>上海中核五建集团公司22</p>
										
									</li>
									
								</ul>
							</div>
							
							<ul class="fr rt_list">
								<li>
									<img class="fr remove_btn" src="images/delete_img.png" alt="">
									<p>上海中核五建集团公司11</p>
								</li>
								<li>
									<img class="fr remove_btn" src="images/delete_img.png" alt="">
									<p>上海中核五建集团公司22</p>
								</li>

							</ul>


							<div class="switch_icon">
								<img src="images/switch_icon.png" alt="">
							</div>
						</div>
					</li>
					<li>
						<p class="label">标签</p>
						<input class="ipt" type="text" placeholder="请输入标签内容，按回车区分不同标签">
					</li>
					<li>
						<p class="label">摘要</p>
						<textarea class="text_content" name="" id="" cols="30" rows="10" placeholder="请输入摘要内容"></textarea>
					</li>
				</ul>
				<div class="protocol">
					<input class="cb" type="checkbox">
					<span>&nbsp;我已经阅读<a href="">《知识库上传免责声明》</a></span>
				</div>
				<a class="up_btn" href="">确认上传</a>
				<div class="plus_word">
					<img src="images/plus_img.png" alt="">
					<span>添加文档</span>
				</div>
			</div>
			<dl class="warm_prompt ovw">
				<dt>温馨提示</dt>
				<dd>1.您可以上传日常积累和撰写的文档资料，如模板、总结，每次可上传≤20份，每份≤200MB，支持多种文档类型：doc,docx, ppt,pptx,  xls,xlsx,   pdf</dd>
				<dd>2.上传涉及侵权内容的文档将会被移除。如何判断文档是否侵权？查看文库协议和用户规则</dd>
				<dd>3.上传有问题需要帮助？查看文库帮助和意见反馈</dd>
				<dd>4.为营造绿色网络环境，严禁上传含有淫秽色情及低俗信息等文档，让我们一起携手共同打造健康文库</dd>
			</dl>
		</div>
		
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>
		<script src="js/jquery.1.9.1.js"></script>
		<script src="js/common.js"></script>
		<script src="js/jquery.htools.select.js"></script>
		<script type="text/javascript">
			$(function() {
				$("input").not('.cb').focus(function() {
					$(this).css({
						'borderColor': '#024ea3',
						'box-shadow': '0px 1px 8px 0px rgba(2, 78, 163, .15)'
					});

				});
				$("input").not('.cb').blur(function() {
					$(this).css({
						'borderColor': '#e4e4e4',
						'box-shadow': '0px 1px 8px 0px rgba(2, 78, 163, 0)'
					});

				});

				//定义下拉框宽高
				//				类型				
				$(".type").each(function(){
					$(this).goSelectInput({
						height: 40,
						width: 346
					});
				});

				$(".delete_word").click(function(){
					$(this).parent().remove();
				});


				$(".lf_list ").on("click",".add_btn",function(){
					var text = $(this).next().text();
					$(this).parent().remove();
					console.log(text);

					$(".rt_list").append("<li>"+'<img class= "fr remove_btn" src="./images/delete_img.png">'+'<p>'+text+'</p>'+"</li>")
				});

				$(".rt_list ").on("click",".remove_btn",function(){
					var text = $(this).next().text();
					$(this).parent().remove();
					$(".lf_list .list").append("<li>"+'<img class= "fr add_btn" src="./images/add_img.png">'+'<p>'+text+'</p>'+"</li>")
				})

			})
		</script>
	</body>

</html>